
<template>
  <div id="div">
    <ul class="ul">
      <li class="li">test</li>
    </ul>
  </div>
</template>

<script>
  document.getElementById("div").addEventListener("click", e => {
    alert("div")
    // e.stopPropagation() // 如果打开注释后又是什么结果
  }, true)

  document.querySelector(".ul").addEventListener("click", e => {
    alert("ul")
  })

  document.querySelector(".li").addEventListener("click", e => {
    alert("li")
  })
</script>
